<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/optimization.css">
		<link rel="icon" href="./icon/title_vagetable.png">
		<title>优选</title>
	</head>
	<body>
		<header>
			<span class="name">优选</span>
		</header>
		<div class="banner">
			<ul>
				<li>
					<a href="#">
						<img src="./img/shoppingCar/pic5.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shoppingCar/pic5.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shoppingCar/pic5.jpg" alt="">
					</a>
				</li>
			</ul>
		</div>
		<div class="list">
			<ul>
				<li>
					<a href="#">
						<img src="./img/shippingAddress/back.png" alt="">
						<span>本家推荐</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shippingAddress/back.png" alt="">
						<span>挑选师推荐</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shippingAddress/back.png" alt="">
						<span>私物推荐</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shippingAddress/back.png" alt="">
						<span>本家LOOK</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="optimization section">
			<div class="title">本家甄选</div>
			<ul>
				<li>
					<a href="#">
						<img src="./img/shoppingCar/pic4.jpg" alt="">
						<div class="info">
							<div class="name">叠韵滤光器，氛围造型大师</div>
							<span>光笼，来自斯德哥尔摩的光晕礼赞</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shoppingCar/pic4.jpg" alt="">
						<div class="info">
							<div class="name">编织底双色鞋子 多色可选</div>
							<span>光笼，来自斯德哥尔摩的光晕礼赞</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="./img/shoppingCar/pic4.jpg" alt="">
						<div class="info">
							<div class="name">叠韵滤光器，氛围造型大师</div>
							<span>光笼，来自斯德哥尔摩的光晕礼赞</span>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="instant section">
			<div class="title">十点一刻</div>
			<ul>
				<li>
					<a href="#">
						<div class="tag">— 今日话题 —</div>
						<div class="name">一念之间的重要性一念之间的重要性</div>
						<div class="info">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="tag">— 今日话题 —</div>
						<div class="name">一念之间的重要性</div>
						<div class="info">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="tag">— 今日话题 —</div>
						<div class="name">一念之间的重要性</div>
						<div class="info">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="recommend section">
			<div class="title">本家推荐</div>
			<div class="tag">
				<a href="#">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="info">
						<div class="name">夏季出游必备</div>
						<span>舒心出行，本家为你推荐的5个tips不能忘</span>
					</div>
				</a>
			</div>
		</div>
		<div class="look section">
			<div class="title">本家LOOK</div>
			<ul>
				<li>
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="name">给牛仔加点火山岩</div>
				</li>
				
				<li>
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="name">给牛仔加点火山岩</div>
				</li>
				<li>
					<img class="image" src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="name">给牛仔加点火山岩</div>
				</li>
				<li>
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<img src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="name">给牛仔加点火山岩</div>
				</li>
				<li>
					<img class="image" src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="name">给牛仔加点火山岩</div>
				</li>
				<li>
					<img class="image" src="./img/shoppingCar/pic4.jpg" alt="">
					<div class="name">给牛仔加点火山岩</div>
				</li>
			</ul>
		</div>
		<div class="backTop"><img src="./img/shippingAddress/back.png" alt=""></div>
		<div class="tabbar">
			<ul>
				<li onclick="location.assign('./index.html')">
					<div class="icon"><img src="./img/tabbar/tabbar1.png" alt=""></div>
					<div class="title">首页</div>
				</li>
				<li>
					<div class="icon"><img src="./img/tabbar/tabbar2-active.png" alt=""></div>
					<div class="title">优选</div>
				</li>
				<li onclick="location.assign('./classify.html')">
					<div class="icon"><img src="./img/tabbar/tabbar3.png" alt=""></div>
					<div class="title">分类</div>
				</li>
				<li onclick="location.assign('./shoppingCar.html')">
					<div class="icon"><img src="./img/tabbar/tabbar4.png" alt=""></div>
					<div class="title">购物车</div>
				</li>
				<li onclick="location.assign('./userCenter.html')">
					<div class="icon"><img src="./img/tabbar/tabbar5.png" alt=""></div>
					<div class="title">我的</div>
				</li>
			</ul>
		</div>
	</body>
</html>